<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Expires" content="0" />
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="email=no">
	<meta name="applicable-device" content="mobile">
	<meta name="author" content="jsl" />
	<title>抽奖</title>
	<link rel="apple-touch-icon" href="../img/logo100.png">
	<link rel="icon" href="../img/logo100.png">
	<link rel="stylesheet" type="text/css" href="../lisp/vant/css/vantCss.css?rev=@@hash" />
	<link rel="stylesheet" type="text/css" href="../css/common.min.css?rev=@@hash" />
	<link rel="stylesheet" type="text/css" href="../css/productDetails.css?rev=@@hash" />
	<link rel="stylesheet" type="text/css" href="../css/gap.css?rev=@@hash" />
	<!-- 自己的css -->
	<link rel="stylesheet" type="text/css" href="../css/FPtPrizeInit.css?rev=@@hash" />
</head>

<body>
	<div class="hui"></div>
	<div class="bai"></div>
	<div class="hintInfo"></div>
	<div class="loadImgBox">
		<img class="loadImg" src="../img/load.gif?v= 7f0d7ae" />
	</div>
	<div id="app" class="prizeInit-main" v-cloak>
		<div class='prizeInit-history needsclick' @click='toPrizeRecord'>中奖记录</div>
		<img src="../img/prizeInit/logo.png" class="prizeInit-logo">
		<!-- 抽奖大盒子 - start -->
		<div class="prizeInit-box">
			<ul v-if='prizeInfo.length>0'>
				<li id="c1">
					<div class="prizeInit-title" v-text='prizeInfo[0].reward'></div>
					<div class="prizeInit-img">
						<img :src="prizeInfo[0].imgUrl" />
					</div>
				</li>
				<li id="c2">
					<div class="prizeInit-title" v-text='prizeInfo[1].reward'></div>
					<div class="prizeInit-img">
						<img :src="prizeInfo[1].imgUrl" />
					</div>
				</li>
				<li id="c3">
					<div class="prizeInit-title" v-text='prizeInfo[2].reward'></div>
					<div class="prizeInit-img">
						<img :src="prizeInfo[2].imgUrl" />
					</div>
				</li>
				<li id="c8">
					<div class="prizeInit-title" v-text='prizeInfo[7].reward'></div>
					<div class="prizeInit-img">
						<img :src="prizeInfo[7].imgUrl" />
					</div>
				</li>
				<li class="btn" :class="prizeSwitch==2?'active':''" @click='getPrize'></li>
				<!--  onclick="start()" -->
				<li id="c4">
					<div class="prizeInit-title" v-text='prizeInfo[3].reward'></div>
					<div class="prizeInit-img">
						<img :src="prizeInfo[3].imgUrl" />
					</div>
				</li>
				<li id="c7">
					<div class="prizeInit-title" v-text='prizeInfo[6].reward'></div>
					<div class="prizeInit-img">
						<img :src="prizeInfo[6].imgUrl" />
					</div>
				</li>
				<li id="c6">
					<div class="prizeInit-title" v-text='prizeInfo[5].reward'></div>
					<div class="prizeInit-img">
						<img :src="prizeInfo[5].imgUrl" />
					</div>
				</li>
				<li id="c5">
					<div class="prizeInit-title" v-text='prizeInfo[4].reward'></div>
					<div class="prizeInit-img">
						<img :src="prizeInfo[4].imgUrl" />
					</div>
				</li>
			</ul>
		</div>
		<!-- 抽奖大盒子 - end -->
		<div class="prizeInit-chance">您还有<span v-text='number'></span>次抽奖机会</div>
		<!-- 赚取抽奖机会 -->
		<img class="prizeInit-getChance" @click='toPrizeChance' src="../img/prizeInit/getChance.png">
		<!-- 消息滚动盒子 -->
		<div class="prizeInit-new-box">
			<img src="../img/prizeInit/news.png" class="prizeInit-news">
			<div class='prizeInit-info-box'>
				<ul>
					<li v-for='item in newsList'>
						<img :src="!item.robotHeadImageUrl?'../img/head_.png':item.robotHeadImageUrl.indexOf('/group1/M00/')>0?item.robotHeadImageUrl+'_200x15000.jpg':item.robotHeadImageUrl">
						<span v-text="item.name+' '+item.content"></span>
					</li>
				</ul>
			</div>
		</div>
		<!-- 奖品回显框 -->
		<div class="prizeInit-prize-box" v-show='prizeStatus'>
			<img src="../img/prizeInit/prizeLogo.png" class="prizeInit-prize-logo">
			<div class="prizeInit-prize-info">
				<img :src="prizeAllInfo.imgUrl" />
				<div class="prizeInit-text-info" :class="prizeAllInfo.type=='goods'?'prizeInit-text-info-sw':''">
					<p v-html="!!prizeAllInfo.remark?prizeAllInfo.remark.split(',')[0]:''"></p>
					<p v-show="!!prizeAllInfo.remark&&prizeAllInfo.remark.split(',').length>1" v-html="!!prizeAllInfo.remark?prizeAllInfo.remark.split(',')[1]:''"></p>
				</div>
				<div v-show="prizeAllInfo.type=='goods'" @click='toOrderPrize' class='prizeInit-address-btn'>填写收货地址</div>
				<div v-show="prizeAllInfo.type=='goods'" class='prizeInit-remark'>请于30天内填写完整的收货信息，过期无效</div>
			</div>
			<img src="../img/prizeInit/prizeClose.png" @click='prizeStatus=0' class="prizeInit-prizeClose">
		</div>
		<!-- 无抽奖次数 or 中奖信息确认 -->
		<div class='prizeInit-close-box' v-show='initStatus>0'>
			<div class="prizeInit-close-info">
				<img src="../img/prizeInit/close.png" @click='initStatus=0' class="prizeInit-close-img" />
				<img src="../img/prizeInit/confirm.png" v-show='initStatus==2' class="prizeInit-close-confirm" />
				<img src="../img/prizeInit/shareFail.png" v-show='initStatus==1' class="prizeInit-close-confirm" />
				<div class='prizeInit-close-text' v-show='initStatus==2'>中奖信息确认成功</div>
				<div class='prizeInit-close-text' v-show='initStatus==1'>您的抽奖次数已用完</div>
				<div class='prizeInit-close-remark-text' v-show='initStatus==1'>现在多种方式赚取抽奖机会，等你来拿！</div>
				<div class="prizeInit-close-getChance" @click="location.href='FPtPrizeChance.html'" v-show='initStatus==1'>赚取抽奖机会</div>
				<div class='prizeInit-close-btnBox' v-show='initStatus==2'>
					<div class="prizeInit-continue-btn" @click="location.href='FPtPrizeInit.html'">继续抽奖</div>
					<div class="prizeInit-getChance-btn" @click="location.href='FPtPrizeChance.html'">赚取抽奖机会</div>
				</div>
			</div>
		</div>

	</div>
</body>
<script src="../lisp/jquery-2.1.4.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../lisp/fastclick.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../lisp/vue.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../lisp/vant/js/vantJs.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../lisp/address.js?v=20181016" type="text/javascript" charset="utf-8"></script>
<script src="../js/constant.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../js/common.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<!-- 自己的js -->
<script src="../js/FPtPrizeInit.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../js/FPtPrize.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>


</html>
